<template>
<onekit-page>
<onekit-view onekit-class="container">
	<div is="onekit-template-head" :DATA="`${JSON.stringify({title:'cover-view'})}`"></div>
	<onekit-view onekit-class="page-body">
		<onekit-view onekit-class="page-section page-section-gap">
			<onekit-map onekit-style="width: 100%; height: 300px;" :latitude="latitude" :longitude="longitude">
				<onekit-cover-view onekit-class="cover-view">
					<onekit-cover-view onekit-class="container">
						<onekit-cover-view onekit-class="flex-wrp" onekit-style="flex-direction:row;">
							<onekit-cover-view onekit-class="flex-item demo-text-1"></onekit-cover-view>
							<onekit-cover-view onekit-class="flex-item demo-text-2"></onekit-cover-view>
							<onekit-cover-view onekit-class="flex-item demo-text-3"></onekit-cover-view>
						</onekit-cover-view>
					</onekit-cover-view>
				</onekit-cover-view>
			</onekit-map>
		</onekit-view>
	</onekit-view>
	<div is="onekit-template-foot"></div>
</onekit-view>
</onekit-page></template>
<script>
/* eslint-disable */
import Vue from 'vue';
import onekit_template_0 from '../../../../page/common/head.head.vue';Vue.component('onekit-template-head',onekit_template_0);
import onekit_template_1 from '../../../../page/common/foot.foot.vue';Vue.component('onekit-template-foot',onekit_template_1);
const ONEKIT_JSON= {
  "navigationBarTitleText": "cover-view",
  "usingComponents": {
    
  }
};
const ONEKIT_SJS = {
};
import wx from '../../../../../weixin2vue/wx.js';
import Macro from '../../../../../weixin2vue/Macro.js';
const {getApp,getCurrentPages} = Macro;
import Page from '../../../../../weixin2vue/OnekitPage.js';
import Component from '../../../../../weixin2vue/OnekitComponent.js';
export default Page(ONEKIT_JSON,["latitude","longitude"],ONEKIT_SJS,{
    "onShareAppMessage"(){
      return {
        "title":'cover-view',
        "path":'page/component/pages/cover-view/cover-view'
};
    },
    "data":{
        "latitude":23.099994,
        "longitude":113.32452
}
});

</script>
<style 
 lang="css">
.cover-view {
  position: absolute ;
  top: calc(50% - 75px) ;
  left: calc(50% - 150px) ;
}
.flex-wrp {
  display:flex ;
}
.flex-item {
  width: 100px ;
  height: 150px ;
  font-size: 13px ;
}
.demo-text-1 {
  background: rgba(26, 173, 25, 0.7) ;
}
.demo-text-2 {
  background: rgba(39, 130, 215, 0.7) ;
}
.demo-text-3 {
  background: rgba(255, 255, 255, 0.7) ;
}
</style>